<template>
    <div class="my" ref="homePage">
        <div class="agree" @click="goto('list')">
            <div class="agree_title">商户入驻协议</div>
            <div class="agree_content">商户入驻协议</div>
        </div>
    </div>
</template>
<script>
export default {
    data(){
        return{
            clientHeight:''
        }
    },
    mounted(){
      this.clientHeight = document.documentElement.clientHeight
      window.onresize = function temp() {
        this.clientHeight = document.documentElement.clientHeight;
      };
    },
    watch: {
      clientHeight: function () {
        this.changeFixed(this.clientHeight)
      }
    },
    methods:{
        changeFixed(clientHeight){
            console.log(clientHeight);
            this.$refs.homePage.style.height = clientHeight+'px';

        },
    }
}
</script>
<style scoped>
.my{
    background-color: #fff;
    background-image:url('../assets/business/agree.jpg');
    background-position: center top ;
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding-top: 218px;
    color: #040000;
    font-size: 43px;
}
.agree{
    padding: 0 64px;
    background: #fff;
}
.agree_title{
    text-align: center;
    font-size: 48px;
    padding-top: 53px;
    font-weight: bold;
}

.agree_content{
    font-size:43px;
    line-height:46px;
    padding: 66px 79px;
}
</style>